*{
    margin: 0;
    padding: 0;
}
.main-content{
    min-width: 300px;
}
.run{
    margin-top: 10px;
}
.class{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 20px;
}
.option{
    width: 20%;
    text-align: center;
}
.option img{
    width: 100%;
    // height: 70px;
}
.sub-title {
    color: #888;
    font-size: 14px;
    padding: 15px 0 9px 15px;
}
.not-square-grid .am-grid-icon {
    width: 60px;
    height: 60px;
}
.squareimg{
    width: 100%;
    // height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
} 
.list{
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-flow: column;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.commodity{
    width: 30%;
    margin-top: 10px;
    position: relative;
    // border-bottom: 1px solid #483D8B;
    box-shadow: 1px 1px 3px #888888;
    background: #ffffff;
    .commodityImg{
        width: 100%;
        height:0px;
        padding-bottom:100%;
        position:relative;
        // box-shadow: 1px 1px 3px #888888;
        // border-bottom: 1px solid #888888;
        img{
            width:100%;
            height:100%;
            position:absolute;
         }
    }
    .price{
        color: #FF6600;
        margin: 14px 0;
    }
    .text{
        margin: 14px 0 0 0;
    }
    .shop{
        width: 30px;
        height: 16px;
        border: 1px solid #FF6600;
        text-align: center;
        line-height: 16px;
        color: #FF6600;
        font-size: 10px;
        position: absolute;
        bottom: 14px;
        right: 10px;
    }
}

  